web前端学习第一天《HTML5+CSS》

您所在的位置:网站首页 html h3标签 web前端学习第一天《HTML5+CSS》

web前端学习第一天《HTML5+CSS》

2023-04-01 02:14| 来源: 网络整理| 查看: 265

hr标签的运用

单标签hr(设置水平线),可以使用color,width,aline(靠齐),noshade(去除阴影)等属性设置成不同的样式。

一条颜色为红色,宽度300像素,水平靠右且无阴影的水平线 html中特殊符号的运用

在网页的制作过程中,有时是需要在页面中显示或者是需要在页面中显示版权、商标等特殊符号,就需要用到;等。

在页面中显示尖括号; ; 在页面中显示空格;(该空格宽度受字体影响,尽量不用),也可以使用 (一个汉字的宽度) 在页面中显示版全年符号© 在页面中显示商标符号™™,®®

html页面显示特殊符号

div和span的运用

div和span标签是html的常用标签,可以在编译器中给代码分块,方便同意添加样式。 在编译器中,多个div的创建可以通过diav*n实现,也可以通过div{…}直接创建内容为…的div,或者也可以将前两个简单方式合起来使用div{…}*n,创建n个内容为…的div,div是默认独占一行的;span多用来给不同部分的文字添加同意样式,而span是不影响页面布局的。

列表的运用

列表分有序(ol)、无序(ul)和自定义列表(dl)。 有序列表用ol标签创建,ol标签只能包含li标签,li标签里面的内容可以随意,每个li标签前面会有一个默认从1开始生成的阿拉伯数字,ol标签中可以 使用type修改顺序的符号类型(type的值只能是A、a、1、I、i当中的一个),start选择从第几个符号开始(start的值只能是数字)。

第一条 第二条 第三条

无序列表与有序列表的区别就是无序列表的被表项前面序号默认变为实心圆(disc),也可以将type的值改为circle(square),把实心圆变为空心圆(实心正方形),将type的值改为none,则每条表项前面什么都不显示。 可以使用ul>li{…}*n直接创建一个有n条表项,每条内容为…的列表。 自定义列表使用dl标签创建,标签之间可以有dt和dd标签,可以直接使用dl>dt+dd直接创建一个含有dt和dd的dl。

图片标签的路径和属性 图片跟页面在同级目录下 图片在页面同级文件夹下 图片所在文件夹跟页面所在文件夹平级

img标签可以添加alt(图片加载失败显示内容)属性和title(鼠标放在图片上显示内容)属性和width、height属性,单独使用width或height,图片会等比例缩下或放大,两个属性一起使用图片宽高会变成两属性的值。

超链接 target="...." >内容

target的值默认为_self在当前页面跳转;改为_blank为在新窗口跳转。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3